interface INewsDetail {
  id: string;
  title: string;
  content: string;
  summary: string;
  categoryId: string;
  tagIds: string[];
  thumbnail: string;
  isPublish: number;
}

interface IPageData {
  newsId: string;
  newsDetail: INewsDetail | null;
}

import { API } from '../../config/api';
import request from '../../utils/request';

Page<IPageData, any>({
  data: {
    newsId: '',
    newsDetail: null,
  },

  onLoad(options: { id: string }) {
    const { id } = options;
    this.setData({ newsId: id });
    this.getNewsDetail();
  },

  async getNewsDetail() {
    try {
      const res: { data: INewsDetail } = await request({
        url: API.news.detail(this.data.newsId),
        method: 'GET',
        loading: true,
      });

      // 添加随机图片和模拟内容
      const mockContent = `
    <p>这是一段示例文章内容。在这个数字化时代，我们每天都在经历着翻天覆地的变化。</p>
    <p>科技的进步让我们的生活变得更加便捷，同时也带来了新的挑战和机遇。人工智能、区块链、物联网等新兴技术正在重塑我们的未来。</p>
    <p>在这个快速发展的世界中，保持学习和适应能力变得尤为重要。我们需要以开放的心态拥抱变化，同时保持独立思考的能力。</p>
    <p>让我们一起探索这个充满可能的世界，创造属于我们的精彩故事。</p>
  `;

      this.setData({
        newsDetail: {
          ...res.data,
          thumbnail: `https://picsum.photos/800/400?random=${this.data.newsId}`,
          content: mockContent,
        },
      });
    } catch (error) {
      console.error('获取新闻详情失败：', error);
    }
  },
});
